<script>
    $(document).ready(function(){
        generic.validaForm();
        $("#iframeContent").load(function(){
            var myDiv = this.contentWindow.document.getElementsByTagName('div');
            if(myDiv.length>0){
            var idDiv = myDiv[0].getAttribute('id');
            
            var addClase = "";
            
            if(idDiv == 'asd'){
                addClase = "alert alert-danger";
            }else{
                addClase = "alert alert-success";
                generic.limpiaInputs();
            }
            textError = $(myDiv[0]).html();
            (textError!='')?function(){
                $('#contentFrame').html(textError).addClass(addClase).css("height", '48px');    
           }()
           :function(){
            $('#contentFrame').removeClass(addClase).empty().css("height", '0px');;
           }();
        }
        
    });

        $("input[name='chkUsuario[]']").click(function(){

            $('#btnEliminaUsrEsp').removeClass("disabled");
            $('#btnModificaUsrEsp').removeClass("disabled");
            $('#btnGuardaUsrEsp').removeClass("disabled");
        });
  });
</script>
<div id="contentFrame"></div>
<div class="well" style="margin-bottom: 0px;">
    <form action="modules/newUser.php" method="POST" class="form-horizontal" target="response">
        <legend>Especialidades por Usuario</legend>
        <span class="help-block">Puedes seleccionar una o varias opciones!</span>
        <div class="border-table">
            <div class="cntRegistros">
            
                <?php
                    require('autoload.php');
                    $rs = generic::muestraUsuarioEsp();

                    if($rs['status']){
                        if($rs['total'] >= 1){
                            echo "<table class='table table-hover'>";

                            echo "<thead>";
                            echo "<tr>";
                            echo "<th>#</th>";
                            echo "<th style='width: 50%;'>Usuario</th>";
                            echo "<th style='width: 50%;'>Especialidad</th>";
                            echo "</tr>";
                            echo "</thead>";

                            echo "<tbody>";

                            $usrEspecialidad = $rs['rows'];

                            for ($i=0; $i < count($usrEspecialidad); $i++) {
                                
                                echo "<tr>";
                                echo "<td>";
                                echo "<input type='checkbox' name='chkUsuario[]' value='" . $usrEspecialidad[$i]['IdUsuario'] . $usrEspecialidad[$i]['IdEspecialidad'] . "'>";
                                echo "</td>";

                                $nombre = $usrEspecialidad[$i]['Nombre'];
                                $apePaterno = $usrEspecialidad[$i]['ApellidoPaterno'];
                                $apeMaterno = $usrEspecialidad[$i]['ApellidoMaterno'];

                                echo "<td>" . $nombre . ' ' . $apePaterno . ' ' . $apeMaterno . "</td>";
                                echo "<td>" . $usrEspecialidad[$i]['Descripcion'] . "</td>";
                                echo "</tr>";
                            }

                            echo "</tbody>";
                            echo "</table>";
                        }
                    }
                ?>
            </div>
        </div>                     
        <div class="form-group">
            <label for="select" class="col-lg-3 control-label">Cambiar especialidad</label>
            <div class="col-lg-9">
                <select name="drpEspecialidad" class="form-control" id="select">
                    <?php
                        $rs = generic::comboEspecialidades();

                        if($rs['status']){
                            if($rs['total'] >= 1){
                                $cuestionarios = $rs['rows'];

                                for ($i=0; $i < count($cuestionarios); $i++) {
                                    echo "<option value='" . $cuestionarios[$i]['idespecialidad'] . "'>";
                                    echo $cuestionarios[$i]['descripcion'];
                                    echo "</option>";
                                }
                            }
                        }
                    ?>
                </select>
            </div>
        </div>
        <div class="form-group">
            <div class="col-lg-12" style="text-align: right;">
                <div class="btn-group">
                    <button type="submit" id="btnEliminaUsrEsp" name="btnEliminaUsrEsp" class="btn btn-primary disabled">Eliminar</button>
                    <button type="submit" id="btnModificaUsrEsp" name="btnModificaUsrEsp" class="btn btn-primary disabled">Cambiar</button>
                    <button type="submit" id="btnGuardaUsrEsp" name="btnGuardaUsrEsp" class="btn btn-primary disabled">Guardar</button>
                </div>
            </div>
        </div>
    </form>
</div>
<iframe id="iframeContent" name="response" style="display:none;"></iframe>